import React from  'react';
import {connect} from "react-redux";
import './css/person.scss'

class Person extends React.Component{

    render() {
        return(
            <div className='person'>
                <h3>这是Person组件</h3>
                <p>这是来自count组件的共享信息通过connect将状态暴露出来：{this.props.sum}</p>
                <div className="textBox">
                    <p>this is gradient text</p>
                </div>
                <hr/>
                <button className='button'>
                    <p>按钮</p>
                </button>
            </div>
        )
    }

}

export default connect(state =>
        ({
            sum: state.sum
        })
)(Person);
